<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/ui.css">

</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <div class="logo">
            <h1>
                <a href="#">职创未来</a>
            </h1>
        </div>

        <div class="nav">
            <!-- 导航条 -->
            <ul class="nav-list">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="./online.html" target="_blank">在线课程</a></li>
                <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./student.html" target="_blank">学员风采</a></li>
                <li><a href="./job.html" target="_blank">就业信息</a></li>
                <li><a href="./info.html" target="_blank">咨询动态</a></li>
                <li><a href="./about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 电话地址 -->
            <div class="contacts">
                15335890027 <br>
                <span>customer@whccf.cn</span>
            </div>
        </div>
    </div>

    <!-- 中间部分 -->
    <div class="main">
        <!-- 图片 -->
        <div class="banner">
            <img src="../assets/uploads/ui_banner.webp" alt="">
        </div>

        <div class="people">
            <h2 class="com-title">学习门槛低，需求广泛，满足不同人群需求</h2>

            <ul class="people-list wrapper">
                <li class="people-item">
                    <div class="photo">
                        <img src="../assets/images/people5.webp" alt="">
                    </div>
                    <h5>在校/应届生</h5>
                    <p>通过学习鸿蒙新技术，进入互联网，高起点就业。</p>
                </li>
                <li class="people-item">
                    <div class="photo">
                        <img src="../assets/images/people7.webp" alt="">
                    </div>
                    <h5>转行/跳槽</h5>
                    <p>薪资低，没有晋升空间想从事高薪职业</p>
                </li>
                <li class="people-item">
                    <div class="photo">
                        <img src="../assets/images/people2.webp" alt="">
                    </div>
                    <h5>升职加薪</h5>
                    <p>缺乏竞争力，技术遇瓶颈期。想提升设计能力</p>
                </li>
                <li class="people-item">
                    <div class="photo">
                        <img src="../assets/images/people1.webp" alt="">
                    </div>
                    <h5>兴趣爱好</h5>
                    <p>对设计领域感兴趣，想入门无从下手</p>
                </li>
            </ul>
        </div>

        <div class="home-section-bg">
            <div class="direction">
                <h2 class="com-title">定制化打造职业成长路径，毕业不做迷茫小自</h2>

                <ul class="direction-list wrapper">
                    <li class="direction-item">
                        <img src="../assets/uploads/direction1.webp" alt="">
                        <p>平面设计师</p>
                        <p>品牌设计师</p>
                        <p>广告设计师</p>
                    </li>
                    <li class="direction-item">
                        <img src="../assets/uploads/direction2.webp" alt="">
                        <p>运营设计师</p>
                        <p>电商设计师</p>
                        <p>网站设计师</p>
                        <p>插画设计师</p>
                    </li>
                    <li class="direction-item">
                        <img src="../assets/uploads/direction3.webp" alt="">
                        <p>高级视觉设计师</p>
                    </li>
                    <li class="direction-item">
                        <img src="../assets/uploads/direction4.webp" alt="">
                        <p>交互设计师</p>
                        <p>产品型UI设计师</p>
                        <p>用户体验设计师</p>
                    </li>
                </ul>
            </div>
        </div>

        <div class="standard">
            <h2 class="com-title">商业项目提案标准，杜绝低质量作品</h2>

            <ul class="standard-list wrapper">
                <li class="standard-item">
                    <img src="../assets/images/standard1.webp" alt="">
                    <h6>多学科协作</h6>
                    <p>覆盖前端、中台、后台全流程提升高难度大型项目实战能力</p>
                </li>
                <li class="standard-item">
                    <img src="../assets/images/standard2.webp" alt="">
                    <h6>跨平台实施</h6>
                    <p>项日交叉融合PC端、移动端、智能终端，各平台功能实现</p>
                </li>
                <li class="standard-item">
                    <img src="../assets/images/standard3.webp" alt="">
                    <h6>真场景实操</h6>
                    <p>还原企业真实开发场景职场过渡无压力</p>
                </li>
                <li class="standard-item">
                    <img src="../assets/images/standard4.webp" alt="">
                    <h6>全流程参与</h6>
                    <p>覆盖企业项目开发全流程从立项到部署上线全链路参与</p>
                </li>
                <li class="standard-item">
                    <img src="../assets/images/standard5.webp" alt="">
                    <h6>高标准验收</h6>
                    <p>超高验收标准，确保项目无BUG，流畅运行</p>
                </li>
                
            </ul>
        </div>

        <div class="home-section-bg">
            <div class="courses">
                <h2 class="com-title">UI全链路设计课程</h2>

                <div class="course-table wrapper">
                    <div class="left">
                        <ul class="left-list">
                            <li class="left-item active">
                                <h6>阶段一</h6>
                                <p>视觉设计基础</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段二</h6>
                                <p>网页和界面设计</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段三</h6>
                                <p>B端产品调研与设计</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段四</h6>
                                <p>三维设计与AE交互设计</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段五</h6>
                                <p>就业指导</p>
                            </li>
                        </ul>
                    </div>

                    <ul class="all-list">
                        <li class="single-list active">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.开班典礼；<br>
                                            2.PhotoShop软件、Illustrator软件；<br>
                                            3.品牌形象综合、商业版式设计。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>培养方向</h5>
                                        <p>1.网站美工；<br>
                                            2.设计师助理。<br>
                                            3.平面设计师助理；<br>
                                            4.初级平面设计师。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>学习内容</h5>
                                        <p>1.掌握精通平面设计软件,走出学软件就是学工具的误区，把工具和技法渗透到案例中去，举一反三，再从案例反推软件基础，让 工具和技法学以致用。 以有难度的合成案例为测评点，掌握A15种以上的LOGO绘制技巧和配色技巧，图形化和插画的表现方式， 以及字体的延展设计。<br>
                                            2.以AI软件基础为主，这里主要掌握鼠绘矢量插画、常规排版功能、一些简单的效果和滤镜使用。知识点为AI软件入门、AI工具组 应用、AI 3D详解及应用、AI矢量插画技法、AI创意海报实操。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.掌握WEB端和电商的设计规范和整体思路；<br>
                                            2.学会不同风格的网站以及网页的设计技法；<br>
                                            3.掌握C4D视觉应用、学习并达到产品分析和运营设计的能力。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>培养方向</h5>
                                        <p>1.网站设计师；<br>
                                            2.电商设计师；<br>
                                            3.运营设计师。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>学习内容</h5>
                                        <p>1.一屏网站视觉设计规范和设计特点、企业网站设计、项目流程梳理、响应式网站设计原则。<br>
                                            2.Xmind思维导图的绘制及系统的Web端栅格制图知识，学习产品思维和交互思维。<br>
                                            3.XD软件基础工具的学习和插件的运用，且能够根据企业真实需求绘制线框原型图，进行界面设计。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.B端产品设计调研；<br>
                                            2.学习并掌握B端设计基础；<br>
                                            3.色彩规范、排版规范及字体规范，掌握B端框架布局设计。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>培养方向</h5>
                                        <p>1.网站设计师；<br>
                                            2.UI交互设计师；<br>
                                            3.产品经理。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>学习内容</h5>
                                        <p>1.figma软件教学，学习B端界面图标设计，引导学生在设计图标时可用和易用交互功能的思维；br
                                            2.B端组件化学习及组件库的建立，包括导航组件、交互组件、图标组件、表单录入组件、列表组件等；br
                                            3.业务模型到B端界面搭建，完成全平台界面设计以及主流业务模型界面、数据表单查询、图表等界面设计。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.C4D软件的学习；<br>
                                            2.界面常用工具学习；<br>
                                            3.了解掌握三维基础与建模。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>培养方向</h5>
                                        <p>1.网站设计师；<br>
                                            2.UI交互设计师；<br>
                                            3.电商设计师；<br>
                                            4.高级视觉设计师。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>学习内容</h5>
                                        <p>1.通过软件的基础学习，实操场景的搭建，并从基础场景到模块化的快速建造；<br>
                                            2.学习并掌握C4D的标准材质和OC材质，通过案例实操进行材质和光影的学习；<br>
                                            3.电商小场景搭建，掌握建模、材质、灯光、渲染以及场景的输出。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.简历辅导；<br>
                                            2.技术模拟面；<br>
                                            3.项目介绍辅导、面试反馈指导。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>培养方向</h5>
                                        <p>1.网站设计师；<br>
                                            2.UI交互设计师；<br>
                                            3.电商设计师；<br>
                                            4.产品经理。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>学习内容</h5>
                                        <p>1.就业老师接班上职业素养课，对学生进行一对一面试辅导，参与学生就业阶段全流程，为学生快速就业提供专业的服务。 新人踏 入职场的适应原则及设计师未来的职业规划；<br>
                                            2.和教学团队一起组织项目答辩，进行现场打分，锻炼学生的语言表达能力；<br>
                                            3.指导设计师简历与面试技巧，怎么样有效提高简历曝光率；<br>
                                            4.一对一面试辅导，和教学老师配合模拟面试，对作品效果不好的学生,安排专业老师进行冲刺阶段的辅导。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>

                    <script>
                        const tabs = document.querySelectorAll(".left-list .left-item");
                        const tab_contents = document.querySelectorAll(".all-list .single-list");

                        tabs.forEach((tab, index) => {
                            tab.addEventListener('click', () => {
                                tabs.forEach(tab => {
                                    tab.classList.remove('active');
                                })
                                tab_contents.forEach(tab_content => {
                                    tab_content.classList.remove('active');
                                })

                                tab.classList.add('active');
                                tab_contents[index].classList.add('active');
                            })
                        })
                    </script>

                </div>
            </div>
        </div>

        <div class="know">
            <h2 class="com-title">关于UI培训，你需要提前了解这些</h2>
            <h4 class="com-subtitle">提前了解UI培训，让你不走弯路</h4>

            <ul class="know-list wrapper">
                <li class="know-item">
                    <img src="../assets/images/know1.webp" alt="">
                    <h6>报名条件</h6>
                </li>
                <li class="know-item">
                    <img src="../assets/images/know2.webp" alt="">
                    <h6>近期开班</h6>
                </li>
                <li class="know-item">
                    <img src="../assets/images/know3.webp" alt="">
                    <h6>报名优惠</h6>
                </li>
                <li class="know-item">
                    <img src="../assets/images/know4.webp" alt="">
                    <h6>学习费用</h6>
                </li>
                <li class="know-item">
                    <img src="../assets/images/know5.webp" alt="">
                    <h6>上课方式</h6>
                </li>
                <li class="know-item">
                    <img src="../assets/images/know6.webp" alt="">
                    <h6>岗位薪资</h6>
                </li>
                <li class="know-item">
                    <img src="../assets/images/know7.webp" alt="">
                    <h6>学习周期</h6>
                </li>
                <li class="know-item">
                    <img src="../assets/images/know8.webp" alt="">
                    <h6>求职方向</h6>
                </li>
                
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <!-- 沟通联系方式 -->
        <div class="communication wrapper">
            <!-- 标题 -->
            <h2 class="com-title">保持联系</h2>
            <h4 class="com-subtitle">如有任何疑问请联系</h4>

            <div class="detail">
                <img class="background" src="../assets/uploads/background.webp" alt="">

                <ul class="list">
                    <li class="small">
                        <span class="iconfont icon-ditu"></span>
                        <div>
                            <h3>地址</h3>
                            <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                        </div>
                    </li>

                    <li class="small">
                        <span class="iconfont icon-dianhua"></span>
                        <div>
                            <h3>致电我们</h3>
                            <p>15335890027（微信同号）<br>
                                13419690311（微信同号）</p>
                        </div>
                    </li>
                    <li class="small">
                        <span class="iconfont icon-xinxi"></span>
                        <div>
                            <h3>Email Us</h3>
                            <p>customer@whccf.cn</p>
                        </div>
                    </li>
                </ul>

                <ul class="list2">
                    <li class="big"><img class="map" src="../assets/uploads/map.webp" alt=""></li>
                    <li class="big">
                        <h3>微信扫码咨询</h3>
                        <ul>
                            <li><img class="ewm1" src="../assets/images/微信二维码.png" alt=""></li>
                            <li><img class="ewm2" src="../assets/images/企业二维码.webp" alt=""></li>
                        </ul>
                        <h4>官方微信：</h4>
                        <p>账号：GreatManOnTheWay <br>
                            公众号：武汉职创未来科技有限公司</p>
                        <p>周一至周日9:00-18:00</p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 尾部 -->
        <div class="bottom">
            <!-- 导航条 -->
            <ul class="nav-list2">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="../page/online.html" target="_blank">在线课程</a></li>
                <li><a href="../page/teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="../page/student.html" target="_blank">学员风采</a></li>
                <li><a href="../page/job.html" target="_blank">就业信息</a></li>
                <li><a href="../page/info.html" target="_blank">咨询动态</a></li>
                <li><a href="../page/about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 文字说明 -->
            <p>Copyright © 2023 whccf.cn All Rights Reserved <a
                    href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备2023023704号-1</a> 武汉职创未来科技有限公司 版权所有</p>
        </div>
    </div>

</body>

</html>